<!--在页面上实时显示输入框的内容-->
<script setup>
import {ref} from "vue";
let inputvalue =ref("菊花残，满地伤，你的笑容已泛黄")
const btnEvent = () =>{
  console.info(inputvalue)
}
</script>
<template>
  <div>
    <input  type="text" v-model="inputvalue">
    <!--v-modle则表示的是将文本与ref进行双向的传输-->
    <br>
    <button id="d1" @:click="btnEvent">提交
      <!--@：=v-on,表示绑定事件，已经绑定点击事件，点击则就会运行btnEvent函数-->
    </button>
    输入框的值:{{inputvalue}}


  </div>
</template>

<style scoped></style>
